import 'package:my_flutter_demo/exports.dart';

class TextDemoPage extends StatelessWidget {

  const TextDemoPage({Key?key}):super(key: key);

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      appBar: AppBar(
        title: Text('TextDemoPage'),
      ),
      body: Center(
        child:  Column(
          children: [
            Text('最简单的文本'),
            Text('这是第一行\n这是第二行'),
            Text(
              '左',
              textAlign: TextAlign.left,
            ),
            Text(
                '这是第一行n这是第二行这是第一行n这是第二行这是第一行n这是第二行这是第一行n这是第二行这是第一行n这是第二行这是第一行n这是第二行这是第一行n这是第二行这是第一行n这是第二行这是第一行n这是第二行这是第一行n这是第二行',
                // overflow: TextOverflow.clip, // 直接裁剪
                // overflow: TextOverflow.fade, // 渐变消失
                overflow: TextOverflow.ellipsis, // 显示省略号
                // overflow: TextOverflow.visible, // 溢出部分仍然显示
                maxLines: 2,

            ),
            Text(
              'Styled Text',
              style: TextStyle(
                fontSize: 24.0,          // 字体大小
                fontWeight: FontWeight.bold, // 字重
                fontStyle: FontStyle.italic, // 斜体
                color: Colors.blue,      // 颜色
                letterSpacing: 2.0,      // 字符间距
                wordSpacing: 5.0,        // 单词间距
                height: 1.5,             // 行高（倍数）
                backgroundColor: Colors.yellow, // 背景色
                decoration: TextDecoration.underline, // 装饰线
                decorationColor: Colors.red,    // 装饰线颜色
                decorationStyle: TextDecorationStyle.dashed, // 装饰线样式
                shadows: [              // 阴影
                  Shadow(
                    color: Colors.black,
                    offset: Offset(2.0, 2.0),
                    blurRadius: 3.0,
                  ),
                ],
              ),
            ),
            Text.rich(
              TextSpan(
                text: 'Hello ',
                style: TextStyle(fontSize: 20),
                children: <TextSpan>[
                  TextSpan(
                    text: 'Flutter',
                    style: TextStyle(
                      fontWeight: FontWeight.bold,
                      color: Colors.blue,
                    ),
                  ),
                  TextSpan(
                    text: ' world!',
                    style: TextStyle(
                      fontStyle: FontStyle.italic,
                    ),
                  ),
                ],
              ),
            )
          ],
        ),
      )
    );
  }

}